<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
		<style type="text/css">
	#list{width:500px;height:300px;position:relative}
	.box{background-color:orange;width:1px;height:1px;position:absolute;}
	</style>
	<script type="text/javascript" src="../jQuery/jquery-1.7.1.js"></script>
	<script type="text/javascript">
	$(function(){
		var box = $('#list'), angle = 30, left = 0, top = 135;
	
		for(var i=0; i<=800 ; i++) {
			y = Math.sin(Math.PI/100*i)*50+150;
			box.append('<div class="box" style="left:'+i+'px;top:'+y+'px"></div>');
		}
	})
	
	</script>

</head>
<body>
<div id="list">
</div>
</body>
</html>